
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Gore">

    <title>Off Canvas Template for Bootstrap</title>
	<!-- Theme autocomplete -->
	<link rel="stylesheet" href="resources/themes/base/jquery.ui.all.css">
	
	<!-- jQuery and plugin -->
    <script src="resources/js/jquery-1.9.0.js"></script>
    <script src="resources/js/offcanvas.js"></script>
    
    <!-- Bootstrap core CSS -->
    <link href="resources/bootstrap/css/bootstrap.css" rel="stylesheet">
    esources/bootstrap/css/bootstrap.css
    <link href="resources/bootstrap/css/bootstrap-glyphicons.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="resources/css/offcanvas.css" rel="stylesheet">
  
    <!-- Autocomplete -->
    <script src="resources/js/ui/jquery.ui.core.js"></script>
	<script src="resources/js/ui/jquery.ui.widget.js"></script>
	<script src="resources/js/ui/jquery.ui.position.js"></script>
	<script src="resources/js/ui/jquery.ui.menu.js"></script>
	<script src="resources/js/ui/jquery.ui.autocomplete.js"></script>
	
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">E-Commerce</a>
        <div class="nav-collapse collapse">
          <ul class="nav navbar-nav">
          <form class="navbar-form form-inline pull-right">
	            <input type="text" id="search" placeholder="Keywords" class="form-control">
	             <button class="btn btn-primary" id="buscar" type="button">buscar</button>
	      </form>
          </ul>
           
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="container">

      <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-lg-9">
          <p class="pull-right hidden-lg">
            <button type="button" class="btn btn-primary btn-offcanvas" data-toggle="offcanvas"><i class="glyphicon glyphicon-resize-horizontal"></i></button>
          </p>
          <div class="jumbotron" id="cambiar">
            <h1>Carrucel!</h1>
            <p>aqui se mostarra un carrucel con los productos agregados ultimamente.</p>
          </div>
        
        </div><!--/span-->
        <nav class="col-lg-3 sidebar-offcanvas" id="sidebar" role="navigation">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">categoria</li>
              <li class="active"><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li class="nav-header">categoria</li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li class="nav-header">categorial</li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
            </ul>
          </div><!--/.well -->
        </nav><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy; Company 2012</p>
      </footer>

    </div><!--/.container-->


    
  </body>
</html>
